{% extends "smErp/base.html" %}
{% block css_style %}
	<style>
		.err_msg {
			margin: auto;
            width: 340px;
			color: red;

		}
	</style>
{% endblock %}


{% block content %}{% load staticfiles %}
	{#  轮播banner    #}
	<div id="context_box">
		<div class="slider_container">
			<div class="flicker-example" data-block-text="false">
				<ul>
					<li data-background="{% static 'smErp/images/banner.jpg' %}">
						<div class="flick-title">特点1</div>
						<div class="flick-sub-text">特点1说明</div>
					</li>
					<li data-background="{% static 'smErp/images/banner2.jpg' %}">
						<div class="flick-title">特点2</div>
						<div class="flick-sub-text">特点2说明</div>
					</li>
					<li data-background="{% static 'smErp/images/banner3.jpg' %}">
						<div class="flick-title">特点3</div>
						<div class="flick-sub-text">特点3说明</div>
					</li>
				</ul>
			</div>
			<div class="wrp_notice_box">
				<div class="inner wrp">
					<div id="newsDiv" class="notices_box">
						<i class="icon_speaker"></i>
						<ul>
							<li>
								<a target="_blank" href="#">二维码防伪知识</a>
								<i class="icon_common new"></i>
							</li>
							<li>
								<a target="_blank" href="#">二维码溯源原料</a>
								<i class="icon_common new"></i>
							</li>
							<li class="extra"><a target="_blank" href="#">查看更多</a></li>
						</ul>
					</div>
				</div>
				<div class="bg"></div>
			</div>
		</div>

		<!-- 内容部分 -->
		<section id="service">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="title wow pulse animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: pulse;">
							<h2>产品特点1</h2>
							<p>
								产品特点1简介内容
							</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="server-item">
						<div class="block wow fadeInLeft animated" data-wow-delay=".7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">

							<img src="{% static "smErp/images/calender.png" %}" alt="">
							<h3>产品特点2</h3>
							<p>
								产品特点2简介内容
							</p>
						</div>
					</div>
					<div class="server-item">
						<div class="block wow fadeInLeft animated" data-wow-delay=".8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInLeft;">
							<img src="{% static "smErp/images/clock.png" %}" alt="">
							<h3>产品特点3</h3>
							<p>
								产品特点3简介内容
							</p>
						</div>
					</div>
					<div class="server-item">
						<div class="block wow fadeInLeft animated" data-wow-delay="1.1s" style="visibility: visible; animation-delay: 1.1s; animation-name: fadeInLeft;">
							<img src="{% static "smErp/images/user.png" %}" alt="">
							<h3>产品特点4</h3>
							<p>
								产品特点4简介内容
							</p>
						</div>
					</div>
				</div>
				<div style="clear:both"></div>
			</div>
		</section>
	</div>
{% endblock %}



{% block footscript %}
	{#    <script type="text/javascript" src="{% static "smErp/js/xSlider.js" %}"></script>#}
	<script type="text/javascript">
		window.nav.selected("index");
	</script>

{% endblock %}


